html {
   font: 62.5% Verdana, Tahoma, sans-serif;

}
body {
   padding: 10em 1em 1em 1em;
   margin: 0;
   background: #fff;
   color: #222;
}

#Header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 10em;
   overflow: hidden;
   margin: 0;
   padding: 0 1em;
   background: #eee;
   border-bottom: 1px solid #bbb;
   text-align: center;
}

h1 {
   font-size: 2.2em;
   letter-spacing: 0.02em;
   margin: 0.2em 0 0.5em 0;
   color: #999;
   font-weight: normal;
}

#Header h2 {
   display: inline;
}

#Header a {
   margin: 0 1em;
}

h2 {
   font-size: 1.6em;
   padding: 1em 0 0 0;
}

h3 {
   font-size: 1.5em;
   text-align: center;
   padding: 1em 0 0 0;
}

a:link, a:visited {
   color: #0000aa;
}

a:hover, a:active {
   color: #0000dd;
   text-decoration: none;
}

p, td, th {
   font-size: 1.3em;
}

textarea, input, pre {
   font: 1em Verdana, Tahoma, sans-serif;
}

table {
   border-collapse: collapse;
}

th {
   text-align: center;
}

tr {
   border-bottom: 1px solid #bbb;
}

th, td {
   padding: 1em 0.5em;
}

textarea, input {
   background: #fcfcfc;
   border: 1px solid #bbb;
   padding: 0.2em;
   width: 100%;
}

#addlang,
#selectlang,
#submitlang,
#resetlang,
#submitemail,
#resetemail {
   width: auto;
   margin: 0 1em;
}

th#original,
th#translated {
   width: 40%;
}

th#key {
   width: 15%;
}

th#set {
    width: 5%;
}

.translated, .translated *,
.donefile {
   background-color: #EBFFE6; /* green */
}

.untranslated {

}

.partialfile {
   background-color: #E6F4FF; /* blue */
}

.changed, .changed * {
   background-color: #FFFFBF; /* yellow */
}

.badtail, .badtail *,
.warningfile {
   background-color: #FFE6BF; /* orange */
}

.badformat, .badformat *,
.missingfile {
   background-color: #FFEBE6; /* red */
}
